/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2014-12-2, 22:13:44
    Author     : zmm
*/
blockquote,body,dd,div,dl,dt,fieldset,form,h1,h2,h3,h4,h5,h6,input,li,ol,p,pre,td,textarea,th,ul{padding:0;margin:0}
table{border-collapse:collapse;border-spacing:0}
fieldset,img{border:0}
address,caption,cite,code,dfn,em,strong,th,var{font-weight:400;font-style:normal}
ol,ul{list-style:none}
caption,th{text-align:left}
a{text-decoration: none;color:#000;}
.clearfix {*zoom: 1;}
.clearfix:before,.clearfix:after {display: table;line-height: 0;content: "";}
.clearfix:after {clear: both;}
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:14px;line-height:12px;color:#333;background-color:#fff;height: 100%;width: 100%;}
#box{height: 100%;width: 100%;text-align: center;min-width: 1110px;padding: 0;margin: 0;overflow: hidden;}
.header{width: 100%;text-align: center;}
.header .header-top{background-color: #ededed;height: 48px;border-bottom: 1px solid #c1c1c1;}
.header .header-topbar{width:1110px;height: 48px;margin: 0 auto;text-align: left;font-size: 14px;}
.header .header-topbar li{float: left;height: 100%;width: 120px;text-align: center;height: 100%;line-height: 48px;}
.header .header-topbar li a{font-size: 18px;font-weight: bold;}
.header .header-topbar li .current{color:#86bc3f;}
.header .header-topbar .register{float: right;padding-left: 20px;height: 14px;line-height: 14px;padding-top: 17px;}
.header .header-topbar .user-name{background: url(../images/arrow-down.png) no-repeat right 20px;padding-right: 20px;}
.header .header-nav-bg{background-color: rgba(0, 0, 0, 0.7);position: relative;z-index: 2;;top:0px;}
.header .header-nav{height: 110px;width: 1110px;margin: 0 auto;text-align: left;}
.header .header-nav .logo{display: inline-block;height: 70px;width: 165px;padding-top: 20px;padding-left: 12px;float: left;}
.header .header-nav ul{display: inline-block;float: right;padding-top: 47px;}
.header .header-nav ul li{float: left;width: 120px;text-align: right;}
.header .header-nav ul li.long-li{width: 154px;}
.header .header-nav ul li a{font-size: 16px;color: #595757;font-weight: bold;}
.header .header-nav ul li a:hover,.header .header-nav ul li .current{color:#86bc3f;}
.nav{width: 100%;}
.nav .header-pic{width: 100%;}
.nav .advertisement-pic{position: relative;top:-110px;z-index: 1;margin-bottom: -110px;}
.nav .header-pic img{width: 100%;height:577px;min-width: 1110px;}
.nav .solution-pic img{height:400px;}
.nav .advertisement-pic img{height:860px;}
.nav .inner-channel-desc{position: absolute;left: 50%;top:170px;margin-left: -309px;height: 618px;width: 618px;background-color: rgba(255, 255, 255, 0.3);}
.nav .about-desc{margin: 0 auto;width: 1110px;position: relative;bottom:483px;z-index: 4;margin-bottom: -206px;}
.nav .inner-about-desc{height: 206px;width: 700px;background-color: rgba(0, 0, 0, 0.3);}
.nav .inner-about-desc p{font-size: 24px;padding-top:0px;padding-left: 34px;line-height: 62px;color:#fff;text-align: left;}
.nav .inner-about-desc h1{font-size: 48px;padding-top: 54px;padding-left: 34px;line-height: 62px;color:#fff;text-align: left;}
.nav .inner-channel-desc p{font-size: 60px;padding-top: 68px;padding-left: 64px;color:#fff;text-align: left;line-height: 80px;height: 230px;}
.nav .inner-channel-desc .nav-btn{padding-top:240px; }
.nav .inner-channel-desc .nav-btn a{display: inline-block;border:1px solid #fff;height: 48px;line-height: 48px;width: 180px;font-size: 18px;color: #fff;font-weight: bold;}
.nav .inner-channel-desc .nav-btn .current{color:#000;background-color: #fff;}
.nav .inner-channel-desc .nav-btn .nav-btn-left{margin-right: 46px;}

.banner{position: relative;left:0;top:-1px;float: left;margin-bottom:42px;min-width: 1110px;overflow: hidden;width: 100%;}
.banner,.banner li,.banner .tempwrap_image li img{display: block;margin: 0 auto;}
.banner .tempWrap{float: left;}
.banner .tempwrap_ul{margin: 0 auto;height: 21px;bottom:20px;text-align: center;min-width: 1110px;width: 100%;}
.banner .tempwrap_ul a{display: inline-block;width: 100%;}
.banner .tempwrap_ul image{width: 100%;}
.banner .tempwrap_ul .tempwrap_li{margin: 0 auto;height: 21px;position: relative;top:-50px;width: 190px;}
.banner .tempwrap_li li{background: url(../images/li_bg.png) no-repeat;height: 21px;width: 20px;float: left;margin-right: 18px;cursor: pointer;}
.banner .tempwrap_li li.on{background: url(../images/li_active_bg.png) no-repeat;}
.banner .tempwrap_image{width: 100%;}
.banner .tempwrap_image li a{display: inline-block;width: 100%;}
.banner .tempwrap_image li a  img{width: 100%;min-width: 1110px;}
.banner .login-section{position: relative;width: 1110px;margin: 0 auto;}
.banner .inner-login-section{height: 400px;width: 290px;background-color:rgba(0,0,0,0.48);position: absolute;top:54px;z-index:6;right: 0;}
.banner .inner-login-section .inner-login-header{width: 100%;height:44px;}
.banner .inner-login-section .inner-login-header ul li{float: left;width: 145px;height: 44px;line-height: 44px;color:#fff;opacity: 0.5;font-size: 14px;background:url(../images/login-li.png) no-repeat center top;cursor: pointer;}
.banner .inner-login-section .inner-login-header ul li.current{opacity: 1;background:url(../images/login-li-active.png) no-repeat right 39px;}
.banner .inner-login-section .inner-login-body{padding: 28px 34px;}
.banner .inner-login-section .inner-login-body .inner-login-form .item{height: 40px;line-height:40px;background-color: #fff;margin-bottom: 12px;}
.banner .inner-login-section .inner-login-body .inner-login-form .item input{border:none;}
.banner .inner-login-section .inner-login-body .inner-login-form .item .item-lable{height: 40px;width: 40px;background-color: #dcdddd;display: inline-block;float: left;}
.banner .inner-login-section .inner-login-body .inner-login-form .item .item-lable img{vertical-align: middle;}
.banner .inner-login-section .inner-login-body .inner-login-form .item .input{padding-left: 4px;}
.banner .inner-login-section .inner-login-body .inner-login-form input{height: 30px;line-height: 30px;}
.banner .inner-login-section .inner-login-body .inner-login-form .item-word{background:none;text-align: right;height: 20px;line-height: 20px;}
.banner .inner-login-section .inner-login-body .inner-login-form .item-word a{color:#fff;opacity: 0.5;}
.banner .inner-login-section .inner-login-body .inner-login-form .item-captcha{background: none;text-align: left;}
.banner .inner-login-section .inner-login-body .inner-login-form .label-captcha{display: inline-block;width: 128px;background-color: #fff;float: left;}
.banner .inner-login-section .inner-login-body .inner-login-form .label-captcha .item-lable{text-align: center;}
.banner .inner-login-section .inner-login-body .inner-login-form .item-captcha  .captcha-image{background-color: #dcdddd;color:#000;width: 80px;float: right;text-align: center;}
.banner .inner-login-section .inner-login-body .inner-login-form .label-captcha input{display: inline-block;width: 70px;padding-left: 4px;}
.banner .inner-login-section .inner-login-body .inner-login-form .item-button{background: none;}
.banner .inner-login-section .inner-login-body .inner-login-form .item button{background-color: #83d714;width: 100%;height: 100%;border:none;height: 40px;font-size: 14px;color:#fff;}
.content{background-color: #fff;width: 100%;min-width: 1110px;}


/*  --------------首页主体样式------------  */
.content .main{width: 1046px;margin: 0 auto;padding: 52px 32px  32px;}
.content .main p{line-height: 26px;width: 792px;font-size: 18px;text-align: left;}
.content .index-section-1 {width: 1110px;margin: 0 auto;text-align: left;color:#595757;}
.content .index-section-1 .reason-section{width: 310px;display: inline-block;height: 414px;}
.content .index-section-1 .left-reason-section{padding-right: 293px;padding-left: 106px;}
.content .index-section-1 .reason-section h2{font-size: 18px;padding-bottom: 18px;}
.content .index-section-1 .reason-section p{font-size: 14px;line-height: 18px;}
.content .index-section-1 .reason-section .reason-img{width: 100%;text-align: center;padding-top: 30px;}
.content .index-section-1 .reason-section .reason-img img{margin: 0 auto;}
.content .index-section-2{color:#595757}
.content .index-section-2 .product-section{border-bottom: none;background-color: #f9fafa;}
.content .index-section-2 .section-title{margin: 0 auto;padding-left: 106px;width: 1004px;text-align: left;}
.content .index-section-2 .section-title h1{font-size: 24px;font-weight: normal;text-align: left;height: 30px;padding-bottom: 20px;line-height: 30px;}
.content .index-section-2 .section-title p{width: 500px;padding-bottom: 34px;line-height: 20px;font-size: 16px;}
.content .index-section-3{width: 100%;background-color: #efefef;padding-bottom: 52px;}
.content .index-section-3 .section-title{padding-left: 70px;padding-top: 66px;padding-right: 70px;width:960px;padding-bottom: 56px;}
.content .index-section-3 .section-title img{margin: 0 auto;}
.content .index-section-4{background-color: #f9fafa;}
.content .index-section-4 .section-body h1{padding: 88px 0;height: 30px;line-height: 30px;font-size: 36px;}
.content .index-section-4 .partner-list{padding: 0px 55px;margin: 0 auto;width: 1000px;text-align: left;padding-bottom: 40px;}
.content .index-section-4 .partner-list a{display: inline-block;height: 60px;line-height: 60px;vertical-align: middle;margin-right: 34px;margin-bottom:30px;}
.content .index-section-4 .partner-list .second-list{margin-right: 50px;}
.content .index-section-4 .partner-list .third-list{margin-right: 48px;}
.content .index-section-4 .partner-list .four-list{margin-right: 55px;}
.content .index-section-4 .partner-list a img{vertical-align: middle;}

/*  --------------产品介绍主体样式------------  */

.content .inner-product-section{text-align: left;}
.content .inner-product-section .left-section,.content .inner-product-section .right-section{display: table-cell;vertical-align:middle;width: 502px;padding-left: 76px;}
.content .inner-product-section .right-section{padding-left: 0;}
.content .inner-product-section .left-section img,.content .inner-product-section .right-section img{margin: 0 auto;;}
.content .inner-product-section .left-section h1,.content .inner-product-section .left-section h2{font-size: 36px;padding-bottom: 30px;font-weight: normal;padding-left: 10px;}
.content .inner-product-section .left-section h2{font-size: 18px;}
.content .inner-product-section .left-section p{line-height: 30px;padding-left: 10px;}
.content .inner-product-section .left-section .product-title{width: 100%;text-align: center;font-size: 18px;height: 30px;line-height: 30px;}
.content .inner-product-section  .left-section .buy-section{font-size: 26px;color: #0e71b4;padding-top: 30px;padding-left: 10px;font-weight: bold;font-family: "瀹嬩綋";}
.content .inner-product-section  .left-section .buy-section a{margin-top: 30px;display: block;height: 50px;width: 200px;border:1px solid #0e71b4;border-radius: 10px;line-height: 50px;text-align: center;color:#0e71b4;font-size: 18px;}
.content .userinfo-section,.content .service-section{width: 880px;margin: 0 auto;background-color: #fff;margin-top: 30px;padding: 30px 40px;text-align: left;color:#575757;}
.content .service-section h1{font-size: 24px;padding-bottom: 50px;}
.content .service-section p{line-height: 24px;font-size: 14px;padding-bottom: 28px;}
/*  --------------个人信息主体样式------------  */
.content .userinfo-section .userinfo-left{float: left;width: 600px;padding-right: 20px;}
.content .userinfo-section .userinfo-left h1{font-weight: normal;height: 30px;line-height: 30px;}
.content .userinfo-section .userinfo-left p{font-size: 18px;height: 26px;line-height: 26px;padding-bottom: 50px;}
.content .userinfo-section .userinfo-left .info-heading{height: 40px;line-height: 40px;background-color: #efefef;padding-left: 28px;}
.content .userinfo-section .userinfo-left .info-heading h3{height: 100%;font-weight: normal;}
.content .userinfo-section .userinfo-left .info-body{border:1px solid #efefef;padding:40px 28px;margin-bottom: 30px;}
.content .userinfo-section .userinfo-left .info-body .item{height: 54px;line-height: 54px;}
.content .userinfo-section .userinfo-left .info-body .item .required{display: inline-block;height: 54px;vertical-align:bottom;line-height: 60px;color: #e60012;font-size: 20px;font-weight: bolder;padding-right: 8px;}
.content .userinfo-section .userinfo-left .info-body .item .label{display: inline-block;width: 130px;padding-right: 15px;text-align: right;}
.content .userinfo-section .userinfo-left .info-body .item .input,.content .userinfo-section .userinfo-left .info-body .item .radio{display: inline-block;}
.content .userinfo-section .userinfo-left .info-body .item .radio input{margin-right: 12px;}
.content .userinfo-section .userinfo-left .info-body .item .radio.inline{width: 84px;}
.content .userinfo-section .userinfo-left .info-body .item label{display: inline-block;}
.content .userinfo-section .userinfo-left .info-body .btn-group{}
.content .userinfo-section .userinfo-left .info-body .btn{display: inline-block;height:50px;width:220px;text-align: center;line-height: 50px;border:1px solid #c9caca;cursor: pointer;float: left;}
.content .userinfo-section .userinfo-left .info-body .btn-active{background-color: #efefef;border-right: none;}
.content .userinfo-section .userinfo-left .info-body .item .input input{padding: 8px 12px;height:16px;line-height: 16px;width: 200px;}
.content .userinfo-section .userinfo-left .btn-info{background-color: #22ac38;border-radius: 4px;height: 48px;width: 148px;border:1px solid #22ac38;color:#fff;font-size: 16px;margin-left: 184px;cursor: pointer;}
.content .userinfo-section .userinfo-right{width: 250px;float: left;font-size: 14px;line-height: 18px;}

.content-grey{background-color: #efefef}
.padding-bottom-32{padding-bottom: 32px;}
.padding-bottom-120{padding-bottom: 120px;}
.content .main h1{font-size: 24px;font-weight: normal;text-align: left;height: 30px;line-height: 30px;}
.content .main img{margin: 0 auto;height: 544px;width: 661px;}

/*  --------------合作案例主体样式-----------  */
.content .product-section{border-bottom: 2px solid #f5f5f6;padding: 30px 0;}
.content .product-section .inner-product-section{width: 1110px;margin: 0 auto;}
.content .product-features{width: 1110px;margin: 0 auto;}
.content .product-features h1{text-align:left;font-size: 30px;font-weight: normal;height: 30px;line-height: 30px;padding-bottom: 30px;}
.content .product-features p{text-align: left;line-height: 22px;font-size: 18px;}
.content .product-features .features-image{height: 210px;line-height: 210px;display: inline-block;vertical-align: middle;}
.content .product-features ul li{width: 288px;height: 320px;display:inline-block;vertical-align:middle;margin-right: 116px;line-height: 22px;font-size: 18px;}
.content .product-features ul li img{vertical-align: middle;}
.content .product-superiority{padding-top: 100px;}

/*  --------------解决方案主体样式-----------  */
.content .solutions-section{width: 1110px;margin: 0 auto;color:#fff;}
.content .solutions-section .solutions-h1 h1{padding:72px 0;height: 42px;line-height: 42px;font-size: 48px;font-weight: normal;}
.content .solutions-section li{float: left;height: 590px;width: 290px;text-align: center;margin-right: 118px;}
.content .solutions-section li img{margin: 0 auto;}
.content .solutions-section li h2{padding-top: 52px;font-size: 24px;}
.content .solutions-section li .solutions-desc{line-height: 30px;padding-top: 30px;font-size: 18px;text-align: left;}

.content .channel-section .solutions-h1 h1{padding-bottom: 0;opacity: 0.6;}
.content .channel-section .solutions-h1 h2{padding-bottom: 72px;height: 20px;line-height: 20px;opacity: 0.6;padding-top: 20px;font-weight: normal;}
.content .channel-advantage-desc{height: 500px;width: 100%;position: relative;}
.content .channel-advantage-desc img{width: 100%;height: 500px;min-width: 1110px;}
.content .channel-advantage-desc .innner-channel-advantage-desc{margin: 0 auto;width: 1110px;position: relative;bottom:500px;text-align: left;color: #fff;}
.content .channel-advantage-desc .innner-channel-advantage-desc h1{padding-top: 90px;padding-left: 76px;font-size: 48px;}
.content .channel-advantage-desc .innner-channel-advantage-desc h1 b{font-size: 24px;font-weight: normal;}
.content .channel-advantage-desc .innner-channel-advantage-desc p{padding-left: 76px;line-height: 28px;font-size: 18px;}
.content .advertisement-section li{background:url("../images/advertisement-li-bg.png") no-repeat 320px 94px;margin-right: 0;padding-right: 118px;height: 432px;}
.content .advertisement-section li .solutions-desc{text-align: center;}
.content .advertisement-section li.last-li{padding-right: 0;background: none;}
.advertisement-header .header-topbar ul li a{color:#000;}
.advertisement-header .header-nav ul li a{color:#dfdfdf;}
.content .partner-section{background-color: #67b6a8;color: #fff;}
.content .partner-section .inner-partner-section{width: 1070px;margin: 0 auto;padding-top:86px;padding-left: 40px;text-align: left;position: relative;height: auto;min-height: 494px;}
.content .partner-section .inner-partner-section h1{font-size: 48px;height: 64px;line-height: 64px;font-weight: normal;}
.content .partner-section .inner-partner-section h2{font-size: 36px;height: 50px;line-height:50px;font-weight: normal;}
.content .partner-section .inner-partner-section p{width: 420px;line-height: 24px;padding-top: 34px;font-size: 20px;}
.content .partner-section .inner-partner-section .partner-title{font-size: 36px;}
.content .inner-partner-section .right-pic{position:absolute;right: 0px;top: 86px;}
.content .inner-partner-section .left-pic{position:absolute;left: 16px;top: 110px;}
.content .partner-section .partner-image{position: absolute;left: 0;right: 0;bottom: 0;width: 100%;min-width: 1110px;}
.content .partner-section .right-partner-info{float: right;}
.content .partner-first-section{position: relative;height: 638px;overflow: hidden;}
.content .partner-section p strong{display: block;font-size: 24px;padding-bottom: 22px;}
.content .inner-partner-section .right-bottom-pic{top:420px;}
.content .inner-partner-section .right-60{right: 60px;}
.content .advertisement-title{margin: 0 auto;padding: 55px 0;width: 1110px;line-height: 50px;font-size: 30px;font-weight: normal;}

.content .partner-detail{padding-bottom: 60px;}
.content .partner-detail  .inner-partner-section .title-desc{width: 380px;font-size: 18px;padding-bottom: 82px;}
.content .partner-section .inner-partner-section  .partner-desc{font-size: 18px;width: 640px;}
.footer{background-color: #efefef;padding: 60px 0;width: 100%;height: 90px;text-align: center;}
.footer .us{width: 1110px;margin: 0 auto;height: 30px;text-align: left;line-height: 30px;}
.footer ul li{float: left;width:104px;}
.footer ul li a{color:#595757;font-size: 18px;font-weight: bold;}
.footer .copyright{color:#898989;font-size: 14px;padding-top: 48px;}
.footer-black{background-color: #373b3e;}
.footer-black ul li a{color:#b5b5b6;}
.footer ul li a:hover{color:#86bc3f;}
.white-bg{background-color: #fefbf7 !important;color:#4b4b45 !important;}
.org-bg{background-color: #ff8c05 !important;}
.red-bg{background-color: #fe6b6b !important;}
.blue-bg{background-color: #1b8cdb !important;}
.purple-bg{background-color: #9382e8 !important;}
.orange-bg{background-color: #ff8864 !important;}
.channel-red-bg{background-color: #fd797c !important;}
.channel-yellow-bg{background-color: #8edb64 !important;}
.channel-blue1-bg{background-color: #73c1fd !important;}
.channel-blue2-bg{background-color: #60c6c4 !important;}
.channel-orange-bg{background-color: #f8b551 !important;}
.advertisement-white-bg{background-color: #fff !important;color:#727171 !important;min-width: 1110px;}
.register-body{height: 100%;width: 100%;background:#fff; min-width: 1110px;}
.register-copyright{padding-top: 56px;padding-bottom: 30px;color:#9fa0a0;;font-family: "微软雅黑";font-size: 12px;}
.register-form{width: 460px;margin: 0 auto;padding-top: 65px;height: 650px;}

.register-form .register-section{padding-top: 42px;position: relative;}
.register-form .register-section .register-form-bg{position: absolute;left: 0;top:42px; z-index:1;background-color: #ddd;height: 400px;width: 460px;opacity: 0.3;}
.register-form .register-section .register-form-section{position: absolute;top:42px;left: 0;padding-left: 80px;padding-top: 18px;z-index: 2;width: 300px;}
.register-form .register-section .register-form-section .form-header{height: 46px;border-bottom: 1px solid #86bc3f;}
.register-form .register-section .register-form-section .form-header ul li{color:#748a9f;float: left;font-family: "微软雅黑";font-size: 14px;width: 150px;height: 46px;line-height: 46px;cursor: pointer;}
.register-form .register-section .register-form-section .form-header ul li.acitve{background: url(../images/register-li-active.png) no-repeat center bottom;color:#999;}
.register-form .register-section .register-form-section .form-content {padding-top: 18px;color:#9fa0a0;text-align: left;}
.register-form .register-section .register-form-section .form-content .item{position: relative;height: 50px;line-height: 50px;width: 300px;color:#fff;font-size: 16px;}
.register-form .register-section .register-form-section .form-content .item .inner-item{opacity: 0.4;background-color: #000;}
.register-form .register-section .register-form-section .form-content .item-line{background-color: #c9caca;opacity: 0.2;height: 1px;line-height: 1px;font-size: 0;}
.register-form .register-section .register-form-section .form-content .item .tip-image{position: absolute;left: 316px;top:0px;}
.register-form .register-section .register-form-section .form-content .label{display:inline-block;padding:0  18px;text-align: left;width: 64px;}

.register-form .register-section .register-form-section .form-content .input{display:inline-block;padding: 0 18px;width: 260px;}

.register-form .register-section .register-form-section .form-content .item-captcha .label-captcha input,.register-form .register-section .register-form-section .form-content .input input{border:none;height: 30px;line-height: 30px;background:none;color:#fff;font-size: 16px;width: 170px;}
.register-form .register-section .register-form-section .form-content .input input{width: 100%;}
.register-form .register-section .register-form-section .form-content .item-captcha{margin-top: 23px;margin-bottom: 40px;background: none;opacity: 1;}
.register-form .register-section .register-form-section .form-content .item-captcha .label-captcha{width: 112px;background:#000;float: left;margin-right: 16px;opacity: 0.4}
.register-form .register-section .register-form-section .form-content .item-captcha .label-captcha input{width: 100px;}
.register-form .register-section .register-form-section .form-content .item-captcha .captcha-image{display: inline-block;background-color: #dddddd;width:136px;height: 50px;line-height: 50px;color:#9fa0a0;text-align: center;font-size: 26px;}
.register-form .register-section .register-form-section .form-btn button{width: 100%;background-color: rgba(96, 210, 27, 0.7);border:none;height: 50px;line-height:50px;font-family: "微软雅黑";font-size: 16px;color:#fff;cursor: pointer;}
.register-form .register-section .register-form-section .form-btn .register-link{display: inline-block;font-family: "微软雅黑";font-size: 14px;color: #fff;padding-top: 26px;text-decoration: underline;}
.login-form .form-content{padding-bottom: 50px;}
.login-form .link-btn,.login-form .link-btn a{color:#666; display: inline-block;height: 46px;line-height: 46px;}
.login-form .link-btn{text-align: left;width: 100%;padding-bottom: 10px;}
.login-form .link-btn .login_form_label{width: 110px;display: inline-block;float: left;}
.login-form .link-btn .login_form_label input{margin-right: 12px;}
.login-form .link-btn .reset-password{float: right;}
.login-form .btn-default{display: inline-block;background-color: rgba(0, 0, 0, 0.4);height: 50px;line-height: 50px;width: 100%;color:#fff;font-family: "微软雅黑";font-size: 16px;}
.modal {
    position: fixed;
    top: 10%;
    left: 50%;
    z-index: 1050;
    width: 560px;
    margin-left: -280px;
    background-color: #ffffff;
    border: 1px solid #999;
    border: 1px solid rgba(0, 0, 0, 0.3);
    outline: none;
    -webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding-box;
    background-clip: padding-box;
}
.modal-header {
    padding: 25px 42px;
}
.close {
    float: right;
    font-size: 20px;
    font-weight: bold;
    line-height: 20px;
    color: #000000;
    text-shadow: 0 1px 0 #ffffff;
    opacity: 0.2;
    filter: alpha(opacity=20);
    cursor: pointer;
}
.modal-body {
    position: relative;
    padding: 15px;
    overflow-y: auto;
}
.modal-backdrop {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1040;
    background-color: #000000;
}
.modal-backdrop, .modal-backdrop.fade.in {
    opacity: 0.4;
    filter: alpha(opacity=40);
    background: #000;
}
.fade{
    display: none;
}
.buy-modal{width: 346px;margin-left: -173px;text-align: center;top:50%;height: 540px;margin-top: -270px;}
.buy-modal .modal-header{text-align: left;}
.buy-modal .modal-header img{float: left;height: 70px;width: 70px;}
.buy-modal .modal-header h4{float: left;padding-top: 6px;height: 54px;padding-left: 6px;display: inline-block;width: 180px;color:#595757 !important;line-height: 20px;font-size: 12px;}
.buy-modal input{width:238px;height: 20px;line-height: 20px;margin-bottom: 18px;padding: 10px 14px;}
.buy-modal textarea{width: 238px;padding:10px 14px;height: 60px;resize:none;margin-bottom: 24px;}
.buy-modal .modal-body a,.buy-modal .modal-body button{display: inline-block;height: 36px;line-height: 36px;width: 125px;cursor: pointer;font-size: 16px;font-weight: bold;}
.buy-modal .modal-body .btn-remove{border:1px solid #d6d6d6;margin-right: 14px;color:#f7f7f7;background-color: #f7f7f7;color:#9fa0a0}

.buy-modal .modal-body .btn-success{background-color: #34ca20;border:1px solid #1ab106;color:#fff;}
.buy-modal .modal-body .btn-success:hover{background-color: #129227;}
.buy-modal .modal-body .btn-remove:hover{background-color: #efefef;}
